<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>图片标签</title>
	</head>
	<body>
		
		<!--图片标签：img 单标签
		src属性：图片源，指向素材的地址
		alt属性:图片加载错误的提示
		width属性：给图片设置宽度
		height属性:给图片设置高度
		图片的宽和高一般只设置一个，另一个属性会对图片进行等比列缩放。
		快速打注释：ctrl+/-->
		<img src="img/dlrb.jpg"alt="图片加载错误!"width="100" height="300" />
		<!--
		列表标签：
		  无序列表
		  有序列表
		  自定义列表
		  -->
		  <ul>  <!--表示属于无序列表-->
			  <li>第一列</li>  <!--列标签-->
			  <li>第二列</li>
			  <li>第三列</li>
			  
		  </ul>
		  <ol>  <!--表示属于有序列表-->
			  <li>有序列表1</li>    <!--列标签-->
			  <li><a href="https://www.mi.com>"小米官网</a></li>
			  <li>有序列表3</li>
		  </ol>
		  <dl>
			  <dt>选购指南</dt>
			  <dd><a href="https://www.mi.com/shop/search?keyword=%E6%89%8B%E6%9C%BA" target="-blank">手机</a></dd>
			  <dd>手机</dd>
			  <dd>平板</dd>
			  <dd>电视</dd>
			  
		  </dl>
		  <dl>
			  <dt>服务中心</dt>
			  <dt>线下门店</dt>
			  <dd>官方客服</dd>
		  </dl>
		
	</body>
</html>
